<!DOCTYPE html>
<html lang="en">
<head>
		<meta charset="utf-8" />
		<title>车站管理</title>
		<meta name="keywords" content="stationId,personal,manage" />
		<meta name="description" content="车站人员管理,车站管理信息" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		<!-- fonts -->

		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

		<!-- ace styles -->

		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
		<script type="text/javascript">
		  function getStationInfromation(){
			  $.ajax({
				  
				  cache:true,
				  type:"POST",
				  url:'../stationId/List',
				  dataType: 'json',
	                data:$('#stationFormId').serialize(),// 你的formid
	                error: function(request) {
	                	alert(request);
	                    
	                },
	                success: function(rs) {
	                	if(rs.success){
	                		window.location.href="stationId.html";
	                	}else{
	                		alert(rs.message);
	                		//window.location.href="index.html"; 
	                	}
	                }
			      
			  });
		  }
		</script>
	</head>

	<body>
	
					<div class="breadcrumbs" id="breadcrumbs">

						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						<!-- <div class="page-header">
							<h1>
								车站后台
								<small>
									<i class="icon-double-angle-right"></i>
									服务人员管理
								</small>
							</h1>
						</div>/.page-header -->

                        <div class="row" style="height: 50px;">
                           <div class="col-xs-12">
                           <form id="stationFormId" class="form-horizontal" role="form">

                             <div class="form-group" style="text-align: left;"> 
								 <label for="inputEmail3" class="col-sm-1 control-label" style="text-align: left; width: 65px;">站名</label> 
									<div class="col-sm-2" > 
										<input type="text" class="form-control" id="inputStation" > 
									</div> 
									<div class="col-sm-3" > 
										 <button type="submit" class="btn btn-primary btn-sm" style="width:133px;">查询</button>
									</div> 
									

							</div> 
              
                           </form>

                        


                            <!-- 添加的modal start-->
                            <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							  <div class="modal-dialog" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							        <h4 class="modal-title" id="exampleModalLabel">站名添加</h4>
							      </div>
							      <div class="modal-body">
							      

                                    <form class="form-horizontal" role="form"> 
										  <div class="form-group"> 
										    <label for="inputEmail3" class="col-sm-2 control-label">站名</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputEmail3" placeholder="Username"> 
										    </div> 
										  </div> 
										  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">站名缩写</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputPassword3" placeholder="account"> 
										    </div> 
										  </div> 

										  <div class="form-group"> 
										    <label for="inputEmail3" class="col-sm-2 control-label">省</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputEmail3" placeholder="province"> 
										    </div> 
										  </div> 

										  <div class="form-group"> 
										    <label for="inputEmail3" class="col-sm-2 control-label">市</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputEmail3" placeholder="shi"> 
										    </div> 
										  </div> 


										

										  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">状态</label> 
										    <div class="col-sm-3"> 
										       <select class="form-control" id="form-field-select-1">
																
													<option value="AL">正常</option>
													<option value="AK">锁定</option>
												</select>
										    </div> 
										  </div> 





								     </form>  

							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-primary">保存</button>
							        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							      
							      </div>
							    </div>
							  </div>
							</div>
							<!-- 添加的modal end-->

							<!-- 修改的modal start-->
                            <div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							  <div class="modal-dialog" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							        <h4 class="modal-title" id="exampleModalLabel">站名修改</h4>
							      </div>
							      <div class="modal-body">
							      

                                    <form class="form-horizontal" role="form"> 
										  <div class="form-group"> 
										    <label for="inputEmail3" class="col-sm-2 control-label">站名</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputEmail3" value="深圳北">
                                              
										      </input>
										    </div> 
										  </div> 
										  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">站名缩写</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputPassword3" value="sz-5554458"> 
										      </input>
										    </div> 
										  </div> 

										 
										 

										  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">省</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputPassword3" value="湖南省"> 
										      </input>
										    </div> 
										  </div> 
										  
										  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">市</label> 
										    <div class="col-sm-10"> 
										      <input type="text" class="form-control" id="inputPassword3" > 
										    </div> 
										  </div> 

										 <!--  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">性别</label> 
										    <div class="col-sm-10"> 
										      	<div class="radio col-sm-2" >
													<label>
														<input name="form-field-radio" type="radio" class="ace" />
														<span class="lbl"> 男</span>
													</label>
												</div>
												<div class="radio col-sm-2" >
													<label>
														<input name="form-field-radio" type="radio" class="ace" />
														<span class="lbl"> 女</span>
													</label>
												</div>
										    </div> 
										  </div>  -->

										  <div class="form-group"> 
										    <label for="inputPassword3" class="col-sm-2 control-label">状态</label> 
										    <div class="col-sm-10"> 
										       <select class="form-control" id="form-field-select-1">
																
													<option value="AL">正常</option>
													<option value="AK">锁定</option>
												</select>
										    </div> 
										  </div> 


								     </form>  

							      </div>
							      <div class="modal-footer">
							        <button type="button" class="btn btn-primary">保存</button>
							        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							      
							      </div>
							    </div>
							  </div>
							</div>
							<!-- 修改的modal end-->



                            <!-- 删除的modal start-->
							<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
							   <div class="modal-dialog" role="document">  
							     <div class="modal-content">  
							       <div class="modal-header">  
							         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
							         <h4 class="modal-title" id="myModalLabel">删除任务</h4>  
							       </div>  
							         <!--Form的id为myForm-->  
							         <form id="myForm" method="POST" >  
							       <div class="modal-body">  
							        <!--存放content内容-->  
							        你确定要删除<span>zhangsan</span>吗？
							       </div>  
							       <div class="modal-footer">  
							         <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>  
							         <button type="submit" class="btn btn-primary" >确认</button>  
							       </div>  
							        </form>  
							     </div>  
							   </div>  
							 </div>
							
							<!-- 删除的modal end-->
							                       

		                 </div>
                        </div>
						<div class="row" style="margin-top: 0px;">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<div class="row">
									<div class="col-xs-12">
										<div class="table-responsive">
											<table id="sample-table-1" class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														
														<th>站名</th>
														<th>站名缩写</th>
														<th class="hidden-480">省</th>

														<th>
														  市
														</th>
													
														
														<th class="hidden-480">状态</th>
														<th>操作</th>

														
													</tr>
												</thead>

												<tbody>
													<tr>
														

														<td>
															深圳北
														</td>
														<td>sz-2342134</td>
														<td class="hidden-480">广东省</td>
														<td>深证市</td>

														

														<td>正常</td>

														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
																<button class="btn btn-xs btn-primary" data-toggle="modal" data-target="#addModal"> 
																	<i class="icon-zoom-in bigger-130"></i>
																</button>

																<button class="btn btn-xs btn-success" data-toggle="modal" data-target="#updateModal"> 
																	<i class="icon-pencil bigger-130"></i>
																</button>

															    <button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#deleteModal"> 
																	<i class="icon-trash bigger-130"></i>
																</button>

																
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-caret-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																				<span class="blue">
																					<i class="icon-zoom-in bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="green">
																					<i class="icon-edit bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>


													</tr>

													<tr>
														

														<td>
															王三
														</td>
														<td>sz-2342134</td>
														<td class="hidden-480">湖南省</td>
														<td>北京市</td>

														

														<td>正常</td>

														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
																<button class="btn btn-xs btn-primary" data-toggle="modal" data-target="#addModal"> 
																	<i class="icon-zoom-in bigger-130"></i>
																</button>

																<button class="btn btn-xs btn-success" data-toggle="modal" data-target="#updateModal"> 
																	<i class="icon-pencil bigger-130"></i>
																</button>

															    <button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#deleteModal"> 
																	<i class="icon-trash bigger-130"></i>
																</button>

																
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-caret-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																				<span class="blue">
																					<i class="icon-zoom-in bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="green">
																					<i class="icon-edit bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>

													</tr>

													<tr>
														

														<td>
															小明
														</td>
														<td>sz-2342134</td>
														<td class="hidden-480">湖南省</td>
														<td>长沙市</td>

													

														<td>正常</td>

														<!--图标 -->
														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
																<button class="btn btn-xs btn-primary" data-toggle="modal" data-target="#addModal"> 
																	<i class="icon-zoom-in bigger-130"></i>
																</button>

																<button class="btn btn-xs btn-success" data-toggle="modal" data-target="#updateModal"> 
																	<i class="icon-pencil bigger-130"></i>
																</button>

															    <button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#deleteModal"> 
																	<i class="icon-trash bigger-130"></i>
																</button>

																
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-caret-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																				<span class="blue">
																					<i class="icon-zoom-in bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="green">
																					<i class="icon-edit bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>

														
													</tr>

													<tr>
														
														<td>
															小娟
														</td>
														<td>sz-2342134</td>
														<td class="hidden-480">广东省</td>
														<td>深证市</td>

														

														<td>正常</td>

														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
																<button class="btn btn-xs btn-primary" data-toggle="modal" data-target="#addModal"> 
																	<i class="icon-zoom-in bigger-130"></i>
																</button>

																<button class="btn btn-xs btn-success" data-toggle="modal" data-target="#updateModal"> 
																	<i class="icon-pencil bigger-130"></i>
																</button>

															    <button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#deleteModal"> 
																	<i class="icon-trash bigger-130"></i>
																</button>

																
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-caret-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																				<span class="blue">
																					<i class="icon-zoom-in bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="green">
																					<i class="icon-edit bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>


													</tr>

													<tr>
														
														<td>
															王三
														</td>
														<td>sz-2342134</td>
														<td class="hidden-480">广东省</td>
														<td>深圳市</td>

														

														<td>停用</td>

														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
																<button class="btn btn-xs btn-primary" data-toggle="modal" data-target="#addModal"> 
																	<i class="icon-zoom-in bigger-130"></i>
																</button>

																<button class="btn btn-xs btn-success" data-toggle="modal" data-target="#updateModal"> 
																	<i class="icon-pencil bigger-130"></i>
																</button>

															    <button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#deleteModal"> 
																	<i class="icon-trash bigger-130"></i>
																</button>

																
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-caret-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																				<span class="blue">
																					<i class="icon-zoom-in bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="green">
																					<i class="icon-edit bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>

														
													</tr>
												</tbody>
											</table>
										</div><!-- /.table-responsive -->
									</div><!-- /span -->
								</div><!-- /row -->

								<div class="hr hr-18 dotted hr-double"></div>

							

								<!-- <div class="hr hr-18 dotted hr-double"></div> -->

								
								<div id="modal-table" class="modal fade" tabindex="-1">
									
								</div><!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</body>
</html>
